<template>
    <div class="block">
        <a href="product_detail_1.html" target="_blank">
            <img :src="img" alt="" />
            <div class="name">{{title}}</div>
            <p>{{desc}}</p>
        </a>
    </div>
</template>
<script>
export default {
    name: 'block-title-p',
    props:{
        img: {
            type: String,
            default: function() {
                return ""
            }
        },
        title: {
            type: String,
            default: function() {
                return ""
            }
        },
        desc: {
            type: String,
            default: function() {
                return ""
            }
        },
    }
    
}
</script>
<style lang="stylus" scoped>
.block
    img 
        width:100%; height:221px; vertical-align:top;
    a 
        font-size:16px; color:#8F9193;
        &:hover
            .name
                color:#002595;
    .name
        width:100%; font-size:20px; padding:25px 0 5px;
</style>